<section id="venue" class="pt-xlg">
    <div class="container pt-xlg mt-xlg">
        <div class="row pt-sm mb-md">
            <div class="col-md-12">
                <h2 class="text-color-dark text-uppercase font-weight-bold center mb-xs">Venue</h2>
                <p class="custom-font-size-1 center mb-sm">Check out the Venue Information</p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-xs-10 col-xs-offset-1">
                <div class="row">
                    <div class="custom-venue-address background-color-light">
                        <div class="col-xs-6 hidden-xs p-none" style="background-image: url('img/demos/event/venue/venue-img.jpg')"></div>
                        <div class="col-xs-6 p-xlg">
                            <div class="p-sm">
                                <div class="text-color-dark font-weight-bold text-uppercase mb-md">New York Plazha</div>
                                <p class="font-weight-normal mb-none"><strong>Address:</strong> 1234, Street, City Name, United States</p>
                                <p class="font-weight-normal mb-xlg">
                                    <strong>Phone:</strong>
                                    <a href="tel:+123456789" class="custom-text-color-def">
                                        (123) 456-789
                                    </a>
                                </p>
                                <a href="http://maps.google.com" target="_blank" class="btn btn-primary custom-border-radius custom-btn-style-1 font-size-md font-weight-semibold text-color-light text-uppercase outline-none">Get Direction <i class="custom-long-arrow-right" aria-hidden="true"></i></a>
                            </div>
                        </div>
                        <span class="custom-arrow background-color-light"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>